.list {
	background: url(../images/white.png) repeat;
	position: fixed;
	width: 500px;
	top: 0px;
	right: -580px;
	padding: 0 33px;
	overflow: hidden;
	background: #f5f5f5;
	overflow: auto;
	height: 600px;
	z-index: 99999;
	display: none;
}

.list {
	transition: right 1s;
	-moz-transition: right 1s;
	/* Firefox 4 */
	-webkit-transition: right 1s;
	/* Safari 和 Chrome */
	-o-transition: right 1s;
}

.list.show_on {
	right: 0px;
	display: block;
}

.list  dl {
	clear: both;
	overflow: hidden;
}

.list  dt {
	clear: both;
	float: left;
	width: 101px;
	height: 67px;
}

.list  dd {
	margin-bottom: 10px;
}

.list  dd  h2 {
	font-size: 16px;
	height: 30px;
	color: #5d5d5d;
	line-height: 30px;
}

.list  dd a {
	font-size: 14px;
	padding: 5px 0 5px 0;
	margin-bottom: 10px;
	color: #5d5d5d;
	white-space: nowrap;
	margin-right: 20px;
	line-height: 30px;
}

.list  dd a:hover,.list dd h2 a:hover {
	color: #ff6200;
}

.list dd h2 a {
	color: #4e4e4e;
}

.list_tit {
	color: #19adfa;
	margin-top: 20px;
}

.list_tit h2 {
	font-size: 18px;
	line-height: 45px;
	color: #1c3e91;
}

.list_tit {
	color: #19adfa;
	margin-top: 20px;
}

.list_link {
	border-bottom: 1px solid #fff;
	padding-bottom: 20px;
}

.list_link a {
	font-size: 14px;
	padding: 5px 0 5px 0;
	margin-bottom: 10px;
	color: #5d5d5d;
	white-space: nowrap;
	margin-right: 20px;
	line-height: 30px;
}

.list_link a:hover {
	color: #1c3e91;
}

.close {
	background-color: #ccc;
	display: none;
	position: fixed;
	right: 20px;
	height: 40px;
	width: 40px;
	border-radius: 0 0 6px 6px;
	text-indent: -9999px;
	background: url(https://www.pudong.gov.cn/assets/images/close.png) center center no-repeat #ccc;
}

.close:hover {
	background-color: #ff6200;
}

.tabs-contenering {
	background: url(/assets/images/nav-bj-tab.png) no-repeat;
	background-size: cover;
	overflow: hidden;
	padding: 35px 50px;
}

.tabs-contenering ul li {
	float: left;
	width: 17.8222%;
	padding: 0 10px;
}

.tabs-contenering ul {
	margin: 0 -10px;
}

.tabs-contenering ul li a {
	display: block;
	font-weight: 500;
	padding: 10px 0;
	font-size: 20px;
	line-height: 52px;
	height: 52px;
	color: #1C3E91;
	text-align: center;
	background: #FFFFFF;
}

.tabs-contenering ul li:first-child a {
	line-height: inherit;
}

.quwei-content {
	padding: 35px 50px;
	padding-bottom: 10px;
}

.committee-title span {
	font-weight: bold;
	float: left;
	font-size: 20px;
	color: #333333;
	border-bottom: 2px solid #425DAE;
	padding-bottom: 10px;
}

.committee-title {
	border-bottom: 1px solid #D9D9D9;
	overflow: hidden;
	margin-bottom: 30px;
}

.document-lister li {
	float: left;
	width: 21.75%;
	padding: 0 15px;
	margin-bottom: 30px;
}

.document-lister ul {
	margin: 0 -15px;
}

.document-lister li a {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 400;
	display: block;
	text-align: center;
	padding: 15px 0;
	font-size: 20px;
	color: #333333;
	background: #EAEDF5;
}

.document-lister li a:hover {
	color: #1C3E91;
}

.document-lister {
	margin-bottom: 20px;
}

.document-margin-bottom {
	margin-bottom: 0;
}

@media (max-width:979px) {
	.tabs-contenering {
		padding: 25px 30px;
		padding-bottom: 5px;
	}

	.tabs-contenering ul li {
		width: 30.555%;
		margin-bottom: 20px;
	}

	.tabs-contenering ul li:first-child a {
		line-height: 52px;
	}

	.document-lister li {
		width: 28.922%;
	}

	.quwei-content {
		padding: 20px 30px;
	}
}

@media (max-width:767px) {
	.tabs-contenering {
		padding-right: 20px;
	}

	.tabs-contenering ul li {
		width: 46%;
	}

	.document-lister li {
		width: 27.4%;
	}
}

@media (max-width: 580px) {
	.tabs-contenering ul li {
		width: 45%;
	}

	.tabs-contenering ul li:first-child a {
		line-height: inherit;
	}

	.document-lister li {
		width: 43%;
	}
}

@media (max-width: 480px) {
	.tabs-contenering ul li {
		width: 44.7%;
	}

	.tabs-contenering ul li a,.document-lister li a {
		font-size: 18px;
	}

	.document-lister li {
		padding: 0 10px;
		margin-bottom: 20px;
	}

	.document-lister ul {
		margin: 0 -10px;
	}

	.tabs-contenering {
		padding: 20px 10px;
		padding-bottom: 5px;
	}

	.quwei-content {
		padding: 20px 10px;
	}

	.document-lister li {
		width: 44.7%;
	}

	.document-lister li a {
		padding: 10px 0;
	}
}

@media (max-width: 380px) {
	.tabs-contenering {
		padding: 20px 10px;
		padding-bottom: 5px;
	}

	.tabs-contenering ul li {
		width: 42.5%;
	}

	.document-lister li {
		width: 43.7%;
	}
}